<template>
    <router-link to="/index" class="logo-wrapper flex-row">
        <!-- <svg-icon icon="logo" class="verticalMiddle" :size="30" /> -->
        <img :src="tenantInfo.logo?tenantInfo.logo:logo" class="logo"/>
        <div class="logo-title verticalMiddle">{{tenantInfo.companyName?tenantInfo.companyName:'科峘电子'}}</div>
    </router-link>
</template>

<script>
import { mapState } from 'vuex';
export default {
    name: 'logo',
    data(){
        return{
            logo:require('@/assets/logo.png')
        }
    },
    computed: {
        ...mapState({
            tenantInfo: state => state.user.tenantInfo
        })
    },
};
</script>
<style lang="scss" scoped>
.logo{
    height: 32px;
}
</style>
